.main-box {
    height: 70vh;
    padding-top: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-content {
    border: 2px solid #ccc;
    height: 100%;
    width: 600px;
    max-width: 600px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.msg-list {
    flex-grow: 1;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: scroll;
}

.middle-control {

}

.bottom-input {
    height: 100px;
    border-top: 2px solid #cccccc;
}

.input-content {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
}

.send-btn-box {
    text-align: right;
    padding-right: 20px;
}